<template>
  <div id="useravatar" class="flex-row">
    <div class="flex-item-1" style="margin-right: 20px">
      <img class="ui w50 round middle aligned image" src="../assets/img/jenny.jpg"
           style="margin-right: 20px;">
      <span style="font-size: 1.5rem; color: #e1e2e3;font-weight: 600;">梦之蓝</span>
    </div>
    <div class="flex-item-0 centered"
         style="width: 50px; height: 50px;
         color: #7c7c7c;">
      <div>
        <a>
          <i class="big list icon"></i>
        </a>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'hello',
    data () {
      return {
        msg: ''
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  #useravatar {
    height: 50px;
    background-color: transparent;
    padding: 0;
    margin-bottom: 23px;
    text-align: left;
  }

</style>
